03. Health Tracker Project

Project Overview

It's important that web developers have experience with multiple organizational libraries and frameworks. Using Backbone, you will develop a single page app that tracks the user's calorie intake, and optionally, other health-related metrics. Typing food names into the search field will display a list of matching foods as provided by the health API. Users will be able to select an item from the list, and the item will be added to the list of foods the user is tracking. The total calorie count will also update to reflect the new daily total.

How will I complete this Project?

This project was designed as an optional part of the Front-End Nanodegree to round out a Nanodegree student's project portfolio. In the Nanodegree, it's expected that students have already completed the JavaSript Design Patterns course, and rely on that knowledge for this project as well. However, there's no reason you can't build this on your own. In fact, you're encouraged to! Check out the JavaSript Design Patterns course and follow the steps below to build your own health tracker app using your newly acquired Backbone knowledge.

2. Write code required to get a project started.
3. Implement search bar functionality to the application.
4. Write code required to query a health API when the user searches, and return the results in a list (Nutritionix has a good one).
5. Add functionality to add an item to the data store when clicked.
6. Write code required to show the items in the data store, and to display the total number of calories.

Helpful Resources

• Getting Started
• Building a Simple Backbone App
• Diving Deeper with Backbone
• Building a Todo Application from Scratch
• Building a Book Library App from Scratch
• Backbone.js Annotated Source Code